<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="one.css">
</head>

<body>
    <!-- 第一部分开始 -->
    <div class="box">
        <div class="w">
            <div class="zybox clearfix">
                <div class="zuobian"><img src="image/baicizhan.png" alt=""></div>
                <div class="youbian">
                    <ul>
                        <li><a href="#">企业团购</a></li>
                        <li>百词斩公众号</li>
                    </ul>
                </div>
            </div>
            <div class="zuobantu">
                <img src="image/左边半图.png" alt="">
            </div>
            <div class="iphone"><img src="image/zj.png" alt=""></div>
            <div class="youbiantu"><img src="image/youbiantu.png" alt=""></div>
            <div class="wenzi"><img src="https://7n.bczcdn.com/static/pic_slogen.3b07714b.svg" alt=""></div>
            <div class="appstore"><img src="image/appstore.png" alt="苹果下载标"></div>
            <div class="anzhuo"><img src="image/android.png" alt="安卓下载标"></div>
        </div>
    </div>
    <!-- 第一部分结束 -->
    <!-- 第二部分开始 -->
    <div class="w">
        <div class="changwen">
            <h2>超一亿人都在用的背单词APP</h2>
        </div>
        <div class="changbox">
            <div class="box1">
                <img src="https://7n.bczcdn.com/static/illu-1.583516cc.svg" alt="">
                <h3>专注考试</h3>
                <p>总有你要的高频词汇</p>
            </div>
            <div class="box2">
                <img src="https://7n.bczcdn.com/static/illu-2.1739aeb8.svg" alt="">
                <h3>沉浸语境</h3>
                <p>为每一个词用心打造专属场景</p>
            </div>
            <div class="box3">
                <img src="https://7n.bczcdn.com/static/illu-3.38168795.svg" alt="">
                <h3>内容丰富</h3>
                <p>词根词缀、象形…一网打尽</p>
            </div>

        </div>
    </div>
    <!-- 第二部分结束 -->
    <!-- 第三部分开始 -->
    <div class="bigbox w">
        <h2>致力于为你解决背单词难题</h2>
        <p>为英语考试扫清障碍</p>
        <div class="boxone">
            <div class="group"><span></span>
                <h5>图背单词</h5>
                <p>利用图形建立单词与真实环境的联系，摆脱死记硬背，让学习的过程更科学，更高效</p>
            </div>

            <div class="groupp">
                <div class="yuan"><img src="https://7n.bczcdn.com/static/bg-1.8c8f8024.svg" alt="">
                    <video src="https://7n.bczcdn.com/static/1s.3f67d5b5.mp4" autoplay loop muted>
                    </video>
                </div>
            </div>
        </div>
        <!-- 这是第二个图文 在boxone里 -->
        <div class="boxtwo">
            <!-- 这个boxtwo盒子里边装第一个 图 -->
            <div class="yuan2"><img src="https://7n.bczcdn.com/static/bg-1.8c8f8024.svg" alt=""></div>
            <video src="https://7n.bczcdn.com/static/2s.d154636c.mp4" autoplay loop muted></video>
            <div class="plan">
                <span></span>
                <h5>海量词表</h5>
                <p>从小学到出国，从教材到高频词汇，满足你的不同需求；自定义词数，合理安排每日任务，让学习计划更加得心应手</p>
            </div>
        </div>
        <!-- 第三个图 -->
        <div class="boxthree">
            <div class="yuan3"><img src="https://7n.bczcdn.com/static/bg-1.8c8f8024.svg" alt=""></div>
            <video src="https://7n.bczcdn.com/static/3s.63177823.mp4" autoplay loop muted></video>
            <div class="plan1"><span></span>
                <h5>单词全解</h5>
                <p>单词释义取自柯林斯、朗文等权威词典，有权威，更专业；地道的发音配合场景化的例句，真人讲解的单词TV，应有尽有，真正做到对单词的全方位记忆</p>
            </div>
        </div>
    </div>
    <!-- 第三部分结束 -->
    <!-- 第四部分开始 -->
    <div class="boxfour w">
        <div class="wenzi">
            <h2>超有爱旗下产品</h2>
            <p>专注教育行业 9 年，只为更好的你</p>
        </div>
        <ul>
            <li><img src="image/prod-1.png" alt="百词斩" class="wei"></li>
            <li>
                <a target="_blank" href="http://reading.baicizhan.com/"><img src="image/prod-2.png" alt="薄荷阅读" class="wei1"></a>
            </li>
            <li><img src="image/prod-3.png" alt="蛋糕英语" class="wei"></li>
            <li><img src="image/prod-4.png" alt="芝士小考"></li>
            <li>
                <a target="_blank" href="http://pie.baicizhan.com/"><img src="image/prod-5.png" alt="芝士派"></a>
            </li>
            <li>
                <a target="_blank" href="https://np.baicizhan.com/"><img src="image/prod-6.png" alt="夜曲编程"></a>
            </li>
            <li><img src="image/prod-7.png" alt="柚子鸭"></li>
            <li><img src="image/prod-8.png" alt="咸蛋口语"></li>
        </ul>
    </div>
    <!-- 第四部分结束 -->
    <!-- 第五部分开始 -->
    <div class="w">
        <div class="five">
            <img src="image/companyc.png" alt="" class="changtu">
            <img src="image/bai.png" alt="" class="bai">
            <p>企业服务</p>
            <h2>企业培训英语课程</h2>
            <p class="quanqiu">全球发展必备技能，提升国际化竞争优势</p>
            <span><a target="_blank" href="https://company.baicizhan.com/">了解更多></a></span>
        </div>
    </div>
    <!-- 第五部分结束 -->
    <!-- 第六部分开始 -->
    <div class="lowest">
        <div class="zbox">
            <span><a target="_blank" href="https://weibo.com/baicizhan">官方微博</a></span>
            <span><a href="#">百词斩公众号</a></span>
            <span><a href="#">加入我们</a></span>
        </div>
        <div class="yijian">意见反馈：tucao@baicizhan.com </div>
        <div class="bian">
            <ul>
                <li> 地址: 四川省成都市天府大道中段软件园 C 区 C4-5楼 超有爱科技 </li>
                <li>成都超有爱科技有限公司出品 © 2011 - 2021 baicizhan.com. All Rights Reserved.</li>
                <li class="chuangong">川公网安备 51019002002135号</li>
            </ul>
        </div>
        <div class="icp"><a target="_blank" href="https://beian.miit.gov.cn/#/Integrated/index">蜀ICP备12013359号-1</a>
        </div>
        <div class="yy">
            <img src="image/app1.png" alt="">
            <img src="image/app2.png" alt="">
        </div>
        <p class="xiazhai">下载百词斩App</p>
        <p class="store">App Store</p>
        <p>Android</p>
    </div>
    <!-- 第六部分结束 -->
</body>

</html>